  /**
         * WebSocket客户端
         *
         * 使用说明：
         * 1、WebSocket客户端通过回调函数来接收服务端消息。例如：webSocket.onmessage
         * 2、WebSocket客户端通过send方法来发送消息给服务端。例如：webSocket.send();
         */
        function getWebSocket() {
            /**
             * WebSocket客户端 PS：URL开头表示WebSocket协议 中间是域名端口 结尾是服务端映射地址
             */
            if (!getQueryVariable("username")) {
                window.location.href = "login.html";
            }
            var webSocket = new WebSocket('ws://yangyoki.top:8081/websocket/' + getQueryVariable("username"));
            /**
             * 当服务端打开连接
             */
            webSocket.onopen = function (event) {
                console.log('WebSocket打开连接');
            };

            /**
             * 当服务端发来消息：1.广播消息 2.更新在线人数
             */
            webSocket.onmessage = function (event) {
                let resData = JSON.parse(event.data)
                console.log(`这个是请求回来的参数信息:` + JSON.stringify(resData))
                if (resData.type === 0) {
                    // 用户新进来
                    let systemContent = '<p>当前有新用户进来啦，他的昵称是：' + resData.userType + '</p>' 
                    $("#systemContent").append(systemContent)
                    // 统计用户数量
                    document.getElementById("count").innerHTML = resData.count
                    // 当前使用昵称
                    document.getElementById('username').innerHTML = resData.username

                    var div = document.getElementById('systemContent');
                    div.scrollTop = div.scrollHeight;
                } else if (resData.type === 1) {
                    // 某个用户评论了
                    const resultData  ='<div class="userContent"><div class="userValue">' + resData.userType + ':&nbsp&nbsp</div><div class="contentValue">' + resData.content + '</div></div>'
                     // = '<p>' + resData.userType + ':' + resData.content + '</p>'
                    $("#userContent").append(resultData)

                    var div = document.getElementById('userContent');
                    div.scrollTop = div.scrollHeight;
                    // 网页不在最前方则发送桌面提示
                    sendWindowsMessage(resultData);
                } else if (resData.type === 2) {
                    // 用户退出
                    let systemContent = '<p>' + resData.userType + '退出了websocket聊天宝</p>' 
                    $("#systemContent").append(systemContent)
                    // 统计用户数量
                    document.getElementById("count").innerHTML = resData.count
                    // 当前使用昵称
                    document.getElementById('username').innerHTML = resData.username

                    var div = document.getElementById('systemContent');
                    div.scrollTop = div.scrollHeight;
                }

            };

            /**
             * 关闭连接
             */
            webSocket.onclose = function (event) {
                console.log('WebSocket关闭连接');
            };

            /**
             * 通信失败
             */
            webSocket.onerror = function (event) {
                console.log('WebSocket发生异常');

            };
            return webSocket;
        }

        var webSocket = getWebSocket();

        function getQueryVariable(variable) {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i = 0; i < vars.length; i++) {
                var pair = vars[i].split("=");
                if (pair[0] == variable) { return pair[1]; }
            }
            return (false);
        }

        /**
         * 清屏
         */
        function clearMsg() {
            $(".message-container").empty();
        }
        /**
         * 发送消息
         */
        function sendMessage() {
            if ($("#sendMessage").val() === "") {
                mdui.alert("发送消息为空");
                return false;
            }
            webSocket.send($("#sendMessage").val())
        //   getWebSocket()
          document.getElementById("sendMessage").value = "";
        }

        /**
         * 触发回车键
         */
        document.onkeydown = function(e){
            var ev = document.all ? window.event : e;
            if(ev.keyCode==13 && $("#sendMessage").val() !== "") {
                    sendMessage();

            }
        }

  /**
   * 发送桌面通知信息
   */
  function sendWindowsMessage() {
      if(window.Notification && Notification.permission !== "denied") {
          Notification.requestPermission(function(status) {
              if (!document.hasFocus()) {
                  var notice_ = new Notification('新的消息', { body: '您有新的消息'});
                  notice_.onclick = function() {//单击消息提示框，进入浏览器页面
                      window.focus();
                  }
              }
          });
      }
  }

